<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body >
<p class="book">我是一段文字</p>
</body>
<!--idea中，必须在设置->语言和框架->JavaScript->库中选中jQuery并点击确定才可以使用-->
<script src="/static/js/jquery-3.7.0.min.js"></script>
<script>
    //<script src="https://code.jquery.com/jquery.min.js"/>
    if(navigator.userAgent.match("Android")||navigator.userAgent.match("IOS"))//Iphone不知道管用不
        getTextForAndroid()
    else//电脑端
    {
        /*获取鼠标选中的文本*/
        $(document).ready(
            function () {
                //需要区分不同的客户端
                $(".book").mouseup(
                    function (e) {
                        let txt;
                        const parentOffset = $(this).offset();
                        const x = e.pageX - parentOffset.left;
                        const y = e.pageY - parentOffset.top;
                        txt = window.getSelection();
                        if (txt.toString().length <= 1) {
                            console.log("获取文本不正常")
                        }
                        else
                            alert(txt)
                    }
                )

            })
        //手机端不能用上面的代码
    }
    function getTextForAndroid()
    {
        document.addEventListener('selectionchange', MyFunction);
        function MyFunction() {
            console.log(document.getSelection().toString())//可以将获取的文字全部保存到后台，当需要时，最后一次保存的文字就是选中的文字
        }}
</script>
</html>